.px2rem(@name,@px){
    @{name}: @px / 75px * 1rem 
}
body{
    background: #f8f3f7;
}
.header{
    overflow: hidden;
    z-index: 60;
    .px2rem(margin-bottom,360);
    .container{
        .nav-list{
            .swiper-wrapper{
                
                background: #08b69b;
                display: flex;
                justify-content:center;
                align-items: center;
               
                div{
                    flex: 1;
                }
                .swiper-slide{
                    flex: 1;
                    text-align: center;
                    color: white;
    
                    .px2rem(padding,30);
                    img{
                        width: 30%;
                    }
                }
                .active-nav{
                    background: white;
                    .px2rem(border-radius,60);
                    color: #08b69b;
                }
            }
            
        }
        .swiper-container-opts{
            .swiper-slide{
                ._person_1{
                   background: white;
                    ._top{
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        .px2rem(padding,60);
                        background: white;
                        
                        dl{
                            
                            dt{
                                width: 20%;
                                float: left;
                                img{
                                    width: 100%;
                                }
                            }
                            dd{
                                float: left;
                                text-align: center;
                                .px2rem(padding-left,60);
                                .px2rem(line-height,120)
                                p:nth-child(1){
                                    .px2rem(font-size,80);
                                }
                                p:nth-child(2){
                                    .px2rem(font-size,10);
                                    color: #d0ced1;
                                }
                            }
                        } 
                        div{
                            border: 1px solid #ff7d01;
                            color: #ff7d01;
                            .px2rem(border-radius,60);
                            .px2rem(padding,40)
                        }
                    }
                    ._imgs{
                        .px2rem(margin-top,30);
                        width: 100%;
                        img{
                            float: left;
                            .px2rem(padding,10);
                            width: 32%;
                        }
                    }
                    ._bottom{
                        .px2rem(padding,60);
                        div{ 
                            .px2rem(padding,30);
                            dl{
                                
                                dt{
                                    float: left;
                                    width: 6%;
                                    img{
                                        
                                        width: 100%;
                                    }
                                }
                                dd{
                                    float: left;
                                    text-align: center;
                                }
                            }
                        }
                        div:first-child{
                            dd{
                                color: #acadb1;
                            }
                        }
                        div:nth-child(2){
                            dt{
                                width: 6%;
                            }
                        }
                        div:nth-child(3){
                            background: #f8f3f7;
                            .px2rem(margin-bottom,30);
                            dd{
                                border-left: 1px solid #e8e3e7;
                                color: #acadb1;
                            }
                        }
                        div:last-child{
                            width: 96%;
                            margin: 0 auto;
                            border-top: 1px solid #CCCCCC;
                            display: flex;
                            justify-content: space-around;
                            align-items: center;
                            img{
                               width: 8%;
                            }
                        }
                    } 
                }
                ._person_2{
                   background: white;
                    ._top{
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        .px2rem(padding,60);
                        background: white;
                        
                        dl{
                            
                            dt{
                                width: 20%;
                                float: left;
                                img{
                                    width: 100%;
                                }
                            }
                            dd{
                                float: left;
                                text-align: center;
                                .px2rem(padding-left,60);
                                .px2rem(line-height,120)
                                p:nth-child(1){
                                    .px2rem(font-size,80);
                                }
                                p:nth-child(2){
                                    .px2rem(font-size,10);
                                    color: #d0ced1;
                                }
                            }
                        } 
                        div{
                            border: 1px solid #ff7d01;
                            color: #ff7d01;
                            .px2rem(border-radius,60);
                            .px2rem(padding,40)
                        }
                    }
                    ._imgs{
                        .px2rem(margin-top,30);
                        width: 100%;
                        img{
                            float: left;
                            .px2rem(padding,10);
                            width: 32%;
                        }
                    }
                    ._bottom{
                        .px2rem(padding,60);
                        div{ 
                            .px2rem(padding,30);
                            dl{
                                
                                dt{
                                    float: left;
                                    width: 6%;
                                    img{
                                        
                                        width: 100%;
                                    }
                                }
                                dd{
                                    float: left;
                                    text-align: center;
                                }
                            }
                        }
                        div:first-child{
                            dd{
                                color: #acadb1;
                            }
                        }
                        div:nth-child(2){
                            dt{
                                width: 6%;
                            }
                        }
                        div:nth-child(3){
                            background: #f8f3f7;
                            .px2rem(margin-bottom,30);
                            dd{
                                border-left: 1px solid #e8e3e7;
                                color: #acadb1;
                            }
                        }
                        div:last-child{
                            width: 96%;
                            margin: 0 auto;
                            border-top: 1px solid #CCCCCC;
                            display: flex;
                            justify-content: space-around;
                            align-items: center;
                            img{
                               width: 8%;
                            }
                        }
                    } 
                }
                
            }
            
        } 
    }
     
}
.nav_bottom{
    z-index: 90;
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   .px2rem(height,360);
   background: white; 
   display: flex;
   justify-content: space-around;
   text-align: center;
   border-top: 1px solid #e8e3e9;
   dl{
       dt{
           img{
               width: 40%;
               .px2rem(padding,30)
            }
       }
   }
}